$(function () {
    layui.use(['laydate', 'form', 'table'], function () {
        let laydate = layui.laydate;
        let form = layui.form;
        let table = layui.table;

        //执行一个laydate实例
        laydate.render({
            elem: '#start', //指定元素
            type: 'datetime'
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end', //指定元素
            type: 'datetime'
        });

// 创建渲染实例
//         table.render({
//             elem: '#table'
//             , url: '/back/cuisine/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口
//             , page: true
//             , parseData: function (res) { //res 即为原始返回的数据
//                 //console.log(res);
//                 return {
//                     "code": res.code, //解析接口状态
//                     "msg": res.msg, //解析提示文本
//                     "count": res.count, //解析数据长度
//                     "data": res.data //解析数据列表
//                 };
//             }
//             , cols: [[
//                 {field: 'id', fixed: 'left', width: 80, title: 'ID', sort: true}
//                 , {field: 'name', width: 90, title: '产品名称'}
//                 , {field: 'createTime', title: '添加时间'}
//                 , {field: 'updateTime', title: '修改时间'}
//                 , {
//                     field: 'enable', title: '状态', width: 100, templet: function (d) {
//                         return d.enable == 1 ? '启用' : '禁用';
//                     }
//                 }
//                 , {fixed: 'right', title: '操作',align : "center",  width: 220, minWidth: 125, toolbar: '#barDemo'}
//             ]]
//         })

        page();

        table.on('tool(table)', function (obj) { // 双击 toolDouble
            var data = obj.data;
            if (obj.event === 'del') {
                // 弹出提示框让用户选中
                layer.confirm('真的删除行么', function (index) {
                    // 提交到Java后台，删除数据库数据
                    $.ajax({
                        url: '/back/newsClass/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.code == 0) {
                                layer.msg('删除成功！', function () {
                                    obj.del();
                                    layer.close(index);
                                })
                            } else {
                                layer.msg('删除失败！');
                            }

                        }
                    })

                });
            } else if (obj.event === 'edit') {
                // console.log(data);
                //需要将当前的数据传递到修改页面
                // 需要将对象转换为json字符串
                // sessionStorage.setItem("userData", JSON.stringify(data));
                sessionStorage.setItem("newsClassId", data.id);
                xadmin.open('修改新闻类别', '/html/newsClass/newsClass-update.html', 600, 400);
            }
        });

        form.on('submit(sreach)',function (data) {
            data = data.field;
            page(data);
            return false;
        });

        function page(data) {
            table.render({
                elem: '#table'
                , url: '/back/newsClass/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口
                , page: true
                , where: data
                , parseData: function (res) { //res 即为原始返回的数据
                    //console.log(res);
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": res.data //解析数据列表
                    };
                }
                , cols: [[
                    {field: 'id', fixed: 'left', width: 80, title: 'ID', sort: true}
                    , {field: 'name', width: 90, title: '新闻类别名称'}
                    , {field: 'create_time', title: '添加时间'}
                    , {field: 'update_time', title: '修改时间'}
                    , {
                        field: 'enable', title: '状态', width: 100, templet: function (d) {
                            return d.enable == 1 ? '启用' : '禁用';
                        }
                    }
                    , {fixed: 'right', title: '操作', align: "center", width: 220, minWidth: 125, toolbar: '#barDemo'}
                ]]
            })
        }

    })
})